﻿<?php
session_start();
if (!isset($_SESSION['kid'])) {
    include("startseite.php");
    exit();
}
?>

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bearbeitung</title>

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="bootstrap/css/style.css" rel="stylesheet">
	<link href="bearbeitung.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<script type="text/javascript">
		function time() {
		   var today = new Date();
		   var h=today.getHours();
		   var m=today.getMinutes();
		   var s=today.getSeconds();
		   m=checkTime(m);
		   s=checkTime(s);
		   nowTime = h+":"+m+":"+s;
		   //if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm} today = day+', '+ dd+'-'+mm+'-'+yyyy;
			tmp='<span class="date">'+nowTime+'</span>';
		   document.getElementById("clock").innerHTML=tmp;
		   clocktime=setTimeout("time()","1000","JavaScript");
		   function checkTime(i){
			  if(i<10){
			 i="0" + i;
			  }
			  return i;
		   }
		}
	</script>
  </head>
	<body onload ="time()">
	<br><br>
	<div class= "container">
		<div class= "jumbotron" style = "background-color: #341256; text-align: center;">
				<h1 style = "color: white;"> Nam Bộ Restaurant</h1>
				<div class= "row">
					<div class="col-md-6">
					 <p class= "text-left" style = "color: white;">
						<?php
							echo "Heute: ". date("d-m-Y");
						?>
					 </p>
					</div>
					<div class="col-md-6">
						<div class="col-md-3"></div>
						<div class="col-md-3"></div>
						<div class="col-md-2">
							<p class= "text-right" style = "color: white;">Uhr:</p>
						</div>
						<div class="col-md-4">
							<p id = "clock" class= "text-right" style = "color: white;"></p>
						</div>
					
						 
					</div>
				</div>
				<h3>
     
    
				
		</div>
		<div class= "jumbotron" style = "background-color: #341256; text-align: center;">
			
			<div class= "row">
				<div class="col-md-6">
					<div class= "row">
						<div class= "col-md-6">
						<a href="#" class="btn btn-danger btn-lg btn-block" role="button">Funktion</a>
						</div>
						<div class= "col-md-6">
						<a href="#" class="btn btn-danger btn-lg btn-block" role="button">Prozedure</a>
						</div>
					</div>
					<hr>
					<a class="btn btn-info btn-lg btn-block" role="button" style ="font-size: 25px;" onclick ="window.location.href= 'tischstarten.php'"><br>Tisch starten <br><br></a>
					<br>
					<a href="offentisch.php" class="btn btn-info btn-lg btn-block" role="button" style ="font-size: 25px;"><br>Tisch rufen <br><br></a>
				</div>
				
				<div class="col-md-6">
					<div class= "row">
						<form action="logout.php" method ="POST" role="form">
							<button type="submit" class="btn btn-warning btn-lg btn-block" name = "abmelden"><h3>Abmelden</h3></button>
						</form>
					</div>
					<br>
					<div class= "row">							
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">1</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">2</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">3</button>
						</div>
					</div>	
					<br>
					<div class= "row">							
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">4</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">5</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">6</button>
						</div>
					</div>
					<br>
					<div class= "row">							
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">7</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">8</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">9</button>
						</div>
					</div>	
					<br>
					<div class= "row">
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">0</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">.</button>
						</div>
						<div class= "col-md-4">
							<button type="button" class="btn btn-primary btn-lg btn-block">00</button>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>
